<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>小米商城-小米 10 Pro、RedmiK30</title>
        <link rel="icon" href="https://s01.mifile.cn/favicon.ico">

        <style>
            body{
                margin: 0;
                padding: 0;
            }
            .wrapper{
                width: 100%;
                height: 500px;
                position: absolute;
            }
            .product{
                width: 200px;
                height: 300px;
                background: blue;
                position: relative;
                top: 20px;
                left: 200px;
                transition: 0.5s;
            }
            .product:hover{
                top:15px;
                left:200px;
                box-shadow:0 0 2px 2px #757575;
            }


        </style>

    </head>
    <body>

    <div class="wrapper">
        <div class="product">
            <li></li>
        </div>
        <div class=""></div>
    </div>

    </body>
</html>